	@mixin item($background,$color:black){
		width: 275rpx;
		height: 275rpx;
		background-color: $background;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	
		.text{
			font-size: 18px;
			font-weight: bold;
			color: $color;
		}
		.image{
			height: 60%;
		}
	}
	
	
	.payBtnHover{
		opacity: 0.6;
	}
	.content{
		height: 100%;
		background-color: $primary_bg;
		.head{
			height: 55%;
			
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			.image{
				width: 120%;
			}
		}
		
		
		.container{
			height: 50%;
			background-color: white;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding:10% ;
		
			
			.payBtn{
				
				height: 100rpx;
				width: 100%;
				background-color: $primary;
				border-radius: 50;
				margin-bottom: 75rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: center;
				padding: 0 50rpx;
				
				.text{
					color:white;
				}
				
	
				.image{
					height: 80rpx;
				}
			}
			
			.item-list{
				display: flex;
				width: 100%;
				flex-direction: row;
				justify-content: space-between;
		
				.item1{
					@include item(#d7dbf7);
			
				}	
				.item2{
					@include item(#7a80b0,white);
				}
			}
			
		}
		
		
	}